<template>
  <router-view></router-view>
</template>

<script>

export default {

}
</script>

<style lang="scss">
.left {
  position: fixed;
  top: 60px;
  left: 0;
  height: calc(100% - 60px);
  width: 300px;
  background-color: rgb(48, 65, 86);
}

.main {
  //background-color: orange;
  margin: 60px 0px 0px 300px;
  //height: calc(100% - 60px);
}

.el-menu {
  border-right: 0 !important;
  background-color: rgb(48, 65, 86) !important;
  color: #fff !important;
}

.el-menu-item {
  color: #fff !important;
}

.el-sub-menu__title {
  color: #fff !important;
}

.folded .left {
  width: 64px;
}

.folded .main {
  margin-left: 64px;
}

.folded .el-menu span {
  display: none;
}

</style>
